{__NOLAYOUT__}
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>实名认证</title>
	<link rel="stylesheet" href="__CDN__/assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/css/detail3.css">
    <link rel="stylesheet" href="__CDN__/assets/css/lanrenzhijia.css">
	<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
	<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="__CDN__/assets/js/detail.js"></script>

  <script type="text/javascript">
    function preview1(file) {
      var img = new Image(), url = img.src = URL.createObjectURL(file)
      var $img = $(img)
      img.onload = function() {
        URL.revokeObjectURL(url)
        // $('#preview').empty().append($img)
        $('#preview').find('img').remove().end().append($img)
       // $( "#preview" ).css( "background" ,"$img")
      }
    }
    function preview3(file) {
      var img = new Image(), url = img.src = URL.createObjectURL(file)
      var $img = $(img)
      img.onload = function() {
        URL.revokeObjectURL(url)
        // $('#preview2').empty().append($img)
        $('#preview2').find('img').remove().end().append($img)
       // $( "#preview" ).css( "background" ,"$img")
      }
    }
    function preview4(file) {
      var img = new Image(), url = img.src = URL.createObjectURL(file)
      var $img = $(img)
      img.onload = function() {
        URL.revokeObjectURL(url)
        // $('#preview3').empty().append($img)
        $('#preview3').find('img').remove().end().append($img)
       // $( "#preview" ).css( "background" ,"$img")
      }
    }
    function preview2(file) {
      var reader = new FileReader()
      reader.onload = function(e) {
        var $img = $('<img>').attr("src", e.target.result)
        // $('#preview').empty().append($img)
        $('#preview').find('img').remove().end().append($img)
      }
      reader.readAsDataURL(file)
    }
     
    $(function() {
      $('#file1').change(function(e) {
        var file = e.target.files[0]
        preview1(file)
      })
    })
   $(function() {
      $('#file2').change(function(e) {
        var file = e.target.files[0]
        preview3(file)
      })
    })
  $(function() {
      $('#file3').change(function(e) {
        var file = e.target.files[0]
        preview4(file)
      })
    })
  </script>

</head>
<body style="background-color: #FEFEFE;">
	<div class="attestation_heard">
			<div class="attestation_heard_return">
				<a href="javascript:history.back();"><img src="__CDN__/assets/img/bikebi/return.png"></a>
			</div>
			<div class="attestation_heard_title">
				<p>填写信息</p>
			</div>
	</div>
	<div class="attestation_form">

            <form method="post" action="" onSubmit="return Check_attestation_form()" enctype="multipart/form-data">
       		<div class="attestation_form_up">
              <div class="attestation_form_up_one"> 真实姓名<input type="text" name="real_name" value="{$auth.real_name|default=''}" placeholder="认证后不能修改" id="name"></div> 
              <div class="attestation_form_up_one"> 证件类型<input type="text" name="" value="身份证" readOnly="true" ></div>
              <div class="attestation_form_up_one"> 证件号码<input type="text" name="id_card" value="{$auth.id_card|default=''}"  placeholder="证件号认证后不能修改" id="papers_id"></div>
              <div class="attestation_form_up_one"> 开户银行<input type="text" name="bank_name" value="{$auth.bank_name|default=''}" placeholder="开户银行" id="bank_host"></div>
              <div class="attestation_form_up_one"> 开户支行<input type="text" name="branch_bank_name" value="{$auth.branch_bank_name|default=''}" placeholder="开户支行" id="bank_branch"></div>
              <div class="attestation_form_up_one"> 银行卡号<input type="text" name="bank_card" value="{$auth.bank_card|default=''}" placeholder="银行卡号认证后不能修改" id="bankcard_id"></div>
              <!-- <div class="attestation_form_up_one"> 验&nbsp;证&nbsp;码  <input type="text" name="code" placeholder="请输入验证码" id="code"><a href="">获取验证码</a></div>  -->
            </div>
            <div class="attestation_form_down">
             <div class="attestation_form_down_up">提供身份证（正-反-手持）照片</div>
             <div class="attestation_form_down_img">
             <a href="#" class="a-upload" id="preview"> <input type="file" name="id_image1_pic" id="file1"><img src="{$auth.id_image1_pic|default=''}" alt=""></a>
             <a href="#" class="a-upload" id="preview2"> <input type="file" name="id_image2_pic" id="file2"><img src="{$auth.id_image2_pic|default=''}" alt=""></a>
             <a href="#" class="a-upload" id="preview3"> <input type="file" name="id_image3_pic" id="file3"><img src="{$auth.id_image3_pic|default=''}" alt=""></a>
             </div>
            <div class="attestation_form_down_p">
             <div class="attestation_form_down_p_one"><span>正面</span></div>
             <div class="attestation_form_down_p_one"><span>背面</span></div> 
             <div class="attestation_form_down_p_one"><span>手持</span></div>
             <input type="submit" name="" class="btn btn-defaul" value="提交" style="background-color: #4782DB;">
            </div>           
            </div>                    
            </form>
		
	</div>
</body>
</html>